<%@ page import="br.edu.ufam.avaliacao.Avaliacao" %>

<html>
    <head>        
        <meta name="layout" content="main" /> 
        <g:javascript src="app/filesaver.js" />
        <g:javascript src="app/jquery-1.7.1.min.js" />
        <g:javascript src="app/jquery-ui-1.8.17.custom.min.js" />
        <g:javascript src="app/jspdf.js" />
        <g:javascript src="app/jspdf.PLUGINTEMPLATE.js" />
        <g:javascript src="app/jspdf.plugin.addimage.js" />
        <g:javascript src="app/jspdf.plugin.autoprint.js" />
        <g:javascript src="app/jspdf.plugin.javascript.js" />
        <g:javascript src="app/jspdf.plugin.sillysvgrenderer.js" />
        <g:javascript src="app/jspdf.plugin.split_text_to_size.js" />
        <g:javascript src="app/jspdf.plugin.standard_fonts_metrics.js" />
        <g:javascript src="app/jspdf.plugin.total_pages.js" />
        <g:javascript src="app/jspdf.plugin.cell.js" />
        <g:javascript src="app/jspdf.plugin.from_html.js" />
        <g:javascript>
            window.onload = function(){
            var pdf = new jsPDF('p', 'pt', 'letter')
            // source can be HTML-formatted string, or a reference
            // to an actual DOM element from which the text will be scraped.
            , source = $('#fromHTMLtestdiv')[0]

            // we support special element handlers. Register them with jQuery-style
            // ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
            // There is no support for any other type of selectors
            // (class, of compound) at this time.
            , specialElementHandlers = {
            // element with id of "bypass" - jQuery style selector
            '#bypassme': function(element, renderer){
            // true = "handled elsewhere, bypass text extraction"
            return true
            }
            }

            margins = {
            top: 50,
            bottom: 60,
            left: 50,
            width: 522
            };
            // all coords and widths are in jsPDF instance's declared units
            // 'inches' in this case
            console.log(source)
            pdf.fromHTML(
            source // HTML string or DOM elem ref.
            , margins.left // x coord
            , margins.top // y coord
            , {
            'width': margins.width // max width of content on PDF
            , 'elementHandlers': specialElementHandlers
            },
            function (dispose) {
            // dispose: object with X, Y of the last line add to the PDF
            //          this allow the insertion of new lines after html
            pdf.save('RelatoDaAvaliacao.pdf');
            },
            margins
            )
            $('#fromHTMLtestdiv')[0].style.display = 'none';
            window.history.back()
            }
        </g:javascript>
    </head>
    <body >
        <div class="fromHTMLtestdiv" id="fromHTMLtestdiv"  >
            <h1>Relatório do Avaliador: ${avaliacaoInstance.curso.codCurso} ${avaliacaoInstance.curso.nomeCursoDiploma} ${avaliacaoInstance.dateStart.format("dd/MM/yyyy")} - ${avaliacaoInstance.dateEnd.format("dd/MM/yyyy")}</h1><br><br><br>
            <hr />
            <g:form name="formAjax" controller="avaliador" method="post">
                <div id="tabs" onload="generatePdf(${avaliacaoInstance.id})" >
                    <p> 1 - ORGANIZAÇÃO DIDÁTICO-PEDAGÓGICO </p>
                    <g:each in="${indicadoresDimensao1}" status="j" var="questao">
                        <ul>
                            <label><b>${questao.dimensao.ordem}.${questao.ordem} ${questao.titulo}</b> </label> <br><br>                       
                            <g:findAll in="${respostaInstance}" expr="it.dimensao == 1 && it.indicador == questao.ordem" >
                                <g:if test="${it.conceito==1}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.1 ${questao.criterio1}<br><br>
                                </g:if>
                                <g:if test="${it.conceito==2}">
                                    <input type="radio" >${questao.dimensao.ordem}.${questao.ordem}.2 ${questao.criterio2} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==3}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.3 ${questao.criterio3} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==4}">
                                    <input type="radio" >${questao.dimensao.ordem}.${questao.ordem}.4 ${questao.criterio4}<br><br>
                                </g:if>
                                <g:if test="${it.conceito==5}">
                                    <input type="radio" >  ${questao.dimensao.ordem}.${questao.ordem}.5 ${questao.criterio5} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==0}">
                                    <input type="radio" > {questao.dimensao.ordem}.${questao.ordem}.6 NSA <br><br>
                                </g:if>
                            </g:findAll>
                        </ul><br><br><br>
                      </g:each> <!-- IF: FIM do Indicador (questao) -->
                    <b>Relato Global da Dimensão 1: </b>${avaliacaoInstance?.relatoDimensao1}  <br><br><br>                
                    <p>2 - CORPO DOCENTE E TUTORIAL</p>
                    <g:each in="${indicadoresDimensao2}" status="j" var="questao">
                        <ul>
                            <label><b>${questao.dimensao.ordem}.${questao.ordem} ${questao.titulo}</b> </label> <br><br>                   
                            <g:findAll in="${respostaInstance}" expr="it.dimensao == 2 && it.indicador == questao.ordem" >
                                <g:if test="${it.conceito==1}">
                                    <input type="radio"  > ${questao.dimensao.ordem}.${questao.ordem}.1 ${questao.criterio1} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==2}">
                                    <input type="radio" >${questao.dimensao.ordem}.${questao.ordem}.2 ${questao.criterio2}  <br><br>
                                </g:if>
                                <g:if test="${it.conceito==3}">
                                    <input type="radio" >${questao.dimensao.ordem}.${questao.ordem}.3 ${questao.criterio3} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==4}">
                                    <input type="radio" >${questao.dimensao.ordem}.${questao.ordem}.4 ${questao.criterio4} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==5}">
                                    <input type="radio" >${questao.dimensao.ordem}.${questao.ordem}.5 ${questao.criterio5} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==0}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.6 NSA <br><br>
                                </g:if>
                            </g:findAll>
                        </ul><br><br><br>
                          </g:each> <!-- IF: FIM do Indicador (questao) -->
                    <b>Relato Global da Dimensão 2: </b>${avaliacaoInstance?.relatoDimensao2}<br><br><br>         
                    <p>3 - INFRAESTRUTURA</p>
                    <g:each in="${indicadoresDimensao3}" status="j" var="questao">
                        <ul>
                            <label><b>${questao.dimensao.ordem}.${questao.ordem} ${questao.titulo}</b> </label> <br><br>
                            <g:findAll in="${respostaInstance}" expr="it.dimensao == 3 && it.indicador == questao.ordem" >
                                <g:if test="${it.conceito==1}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.1 ${questao.criterio1} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==2}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.2 ${questao.criterio2} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==3}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.3 ${questao.criterio3} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==4}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.4 ${questao.criterio4} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==5}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.5 ${questao.criterio5} <br><br>
                                </g:if>
                                <g:if test="${it.conceito==0}">
                                    <input type="radio" > ${questao.dimensao.ordem}.${questao.ordem}.6 NSA <br><br>
                                </g:if>
                            </g:findAll>
                        </ul><br><br><br>
                          </g:each> <!-- IF: FIM do Indicador (questao) -->
                    <b>Relato Global da Dimensão 3:  </b>   ${avaliacaoInstance?.relatoDimensao3}<br><br><br>
                    <p>4 - REQUISITOS LEGAIS E NORMATIVOS</p>
                    <g:each in="${indicadoresDimensao4}" status="j" var="questao">
                        <ul>
                            <label><b>${questao.dimensao.ordem}.${questao.ordem} ${questao.titulo}</b> </label> <br><br>
                            <g:findAll in="${respostaInstance}" expr="it.dimensao == 4 && it.indicador == questao.ordem" >
                                <g:if test="${it.respostaRequisitoNormativo==1}">
                                    <input type="radio" > ${questao.criterio1} <br><br>
                                </g:if>
                                <g:if test="${it.respostaRequisitoNormativo==2}">
                                    <input type="radio" > ${questao.criterio2} <br><br>
                                </g:if>
                                <g:if test="${it.respostaRequisitoNormativo==3}">
                                    <input type="radio"  > ${questao.criterio3} <br><br>
                                </g:if>
                            </g:findAll>
                        </ul><br><br><br>
                          </g:each> <!-- IF: FIM do Indicador (questao) -->
                    <b>Relato Global da Dimensão 4: </b>    ${avaliacaoInstance?.relatoDimensao4}  <br><br><br>  
                </div>
                <br/>
            </g:form>
        </div>
    </body>
</html>
